<!DOCTYPE html>
<html lang="en" xmlns:th="http//www.thymeleaf.org">
<head>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">

    <title>我的商品</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Customizable CSS -->
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/green.css">
    <link rel="stylesheet" href="css/bootstrap-select.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.transitions.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/jquery-ui.min.css">


    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Icons/Glyphs -->
    <link rel="stylesheet" href="css/elegant-fonts.css">

    <!-- Favicon -->
    <link rel="shortcut icon" href="./images/favicon.ico">

    <!-- HTML5 elements and media queries Support for IE8 : HTML5 shim and Respond.js -->
    <!--[if lt IE 9]>
    <script src="./js/html5shiv.js"></script>
    <script src="./js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- ============================================================= HEADER ============================================================= -->
<header class="header">
    <!-- 主页面最上面部分 -->
    <!-- ============================================================= NAVBAR TOPBAR ============================================================= -->
    <nav class="navbar navbar-top-bar navbar-static-top">
        <div class="container">
            <ul class="navbar-nav nav navbar-right">
                <li th:text="'你好: ' + ${session.username}"></li> <!-- 登录界面-->
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a th:href="@{/logout}">登出</a>
            </ul><!-- /.navbar-nav -->

        </div><!-- /.container-->
    </nav><!-- /.navbar-->
    <!-- ============================================================= NAVBAR PRIMARY ============================================================= -->

    <!-- ============================================================= NAVBAR PRIMARY : END ============================================================= -->

</header><!-- /.header -->

<!-- ============================================================= HEADER : END ============================================================= -->

<!--主页第二行-->
<div class="content">
    <div class="breadcrumb-container">
        <div class="container">
            <ul class="breadcrumb pull-left">
                <li><a href="index">主页</a></li>
                <li><a href="detail.html">添加</a></li>
            </ul><!-- /.breadcrumb -->
        </div><!-- /.container -->
    </div><!-- /.breadcrumb-container -->


    <!--主页主要内容-->
    <div class="category page">
        <div class="container">

            <div class="page-body">
                <div class="row">
                    <!-- ========================================= CONTENT ========================================= -->
                    <div class="col-sm-8 col-sm-push-2">

                        <!--从这里开始是书籍内容
                      -->
                        <div class="tab-content">
                            <div class="tab-pane active  wow fadeInUp" id="grid" role="tabpanel">
                                <div class="category-books books grid-view">
                                    <div class="row">
                                        <!--添加书在这里添加
                                                    -->
                                        <div class="col-md-4 col-sm-6" th:each="goods:${session.myGoods}">
                                            <!--    *********************************************************************-->
                                            <div class="book">
                                                <div class="book-cover">
                                                    <div class="book-inner">
                                                        <img th:src="${goods.imgUrl}" width="193" height="261" alt="">
                                                        <div class="fade"></div>
                                                        <div class="book-price">

                                                        <span class="price" th:text="${goods.goodsPrice}">
                                                            $ 9.99                      </span>
                                                        </div><!-- /.book-price -->

<!--                                                        <div class="cart animate-effect">-->
<!--                                                            <div class="action">-->
<!--                                                                <a class="add-to-cart" th:href="@{addOrder(buyerId=${session.userId},goodsId=${goods.goodsId})}" title="Add to Cart">-->
<!--                                                                    <i class="icon icon-plus fa fa-plus-circle"></i>-->
<!--                                                                </a>-->

<!--                                                            </div>&lt;!&ndash; /.action &ndash;&gt;-->
<!--                                                        </div>&lt;!&ndash; /.cart &ndash;&gt;-->
                                                    </div><!-- /.book-inner -->
                                                </div><!-- /.book-cover -->


                                                <div class="book-details">
                                                    <h3 class="book-title" th:text="${goods.goodsName}">高等数学</h3>

<!--                                                    <div class="star-rating">-->
<!--                                                        <i class="fa fa-star color"></i>-->
<!--                                                        <i class="fa fa-star color"></i>-->
<!--                                                        <i class="fa fa-star color"></i>-->
<!--                                                        <i class="fa fa-star color"></i>-->
<!--                                                        <i class="fa fa-star "></i>-->
<!--                                                    </div>&lt;!&ndash; /.star-rating &ndash;&gt;-->

                                                </div><!-- /.book-details -->
                                            </div><!-- /.book -->

                                        </div>

                                    </div>
                                </div><!-- /.category-books -->
                            </div><!-- /.tab-pane -->

                        </div><!-- /.tab-content -->


                    </div><!-- /.col -->

                </div><!-- /.row -->
            </div><!-- /.page-body -->
        </div><!-- /.container -->
    </div><!-- /.category page -->

    <a class="scrollup hidden-xs hidden-sm" href="#" style="display: none;"><img src="images/top-scroll.png" alt="" ></a>
</div>



<!-- JavaScripts placed at the end of the document so the pages load faster -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-hover-dropdown.min.js"></script>
<script src="js/echo.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/scripts.js"></script> <!--  下面是点击购买……-->
<script type="text/javascript">
    function disp_confirm()
    {
        var r=confirm('是否购买？');
        if (r==true)
        {

        }
        else
        {

        }
    }
</script>
</body>
</html>